li {list-style: none;}
a {text-decoration: none;color: #333333;}
.px2rem(@name, @px){
    @{name}: @px / 75 * 1rem;
}

.webkit{
    display: -webkit-flex;
    display: -moz-flex;
}
.line-height(@arg){.px2rem(line-height, @arg);}
.font-size(@arg){.px2rem(font-size, @arg);}

.font(@fz,@color){
    .px2rem(font-size,@fz);
    color: @color;
}
.border-bottom(@px,@xian,@color){
    .px2rem(border-bottom-width,@px);
    border-bottom-style: @xian;
    border-bottom-color: @color;
}
.border-top(@px,@xian,@color){
    .px2rem(border-top-width,@px);
    border-top-style: @xian;
    border-top-color: @color;
}
.border(@px,@xian,@color){.px2rem(border-width,@px);border-style: @xian; border-color: @color;}

.padding-top(@top){.px2rem(padding-top, @top);}
.padding-right(@right){.px2rem(padding-right, @right);}
.padding-bottom(@bottom){.px2rem(padding-bottom, @bottom);}
.padding-left(@left){.px2rem(padding-left, @left);}

.padding(@top,@right,@bottom,@left){
   .px2rem(padding-top,@top);
   .px2rem(padding-right,@right);
   .px2rem(padding-bottom,@bottom);
   .px2rem(padding-left,@left);
}

.margin-top(@top){.px2rem(margin-top, @top);}
.margin-right(@right){.px2rem(margin-right, @right);}
.margin-bottom(@bottom){.px2rem(margin-bottom, @bottom);}
.margin-left(@left){.px2rem(margin-left, @left);}

.margin(@top,@right,@bottom,@left){
   .px2rem(margin-top,@top);
   .px2rem(margin-right,@right);
   .px2rem(margin-bottom,@bottom);
   .px2rem(margin-left,@left);
}
body, html{width: 100%;font-family:"微软雅黑";font-size:14px;overflow: scroll;height: 100%;}
.address{
    position: absolute;
    height: 100%;
    width: 100%;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    background: white;
//  visibility: hidden;

            #l-map{
            height: 100%;
            width:100%;
            padding-top: 60px;
            .margin-bottom(50);            
            }
            #r-result{
                z-index: 99;
                background: white;
                width:100%;
                height: 60px;
                display: flex;
                justify-content: center;
                align-items: center;
                position: fixed;
                top: 0;
                left: 0;
                span{
                    
                    height: 100%;
                    display: block;
                    flex: 1;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    img{
                      .px2rem(height,50);
                     .px2rem(width,50);  
                    }
                }
               #Map_btn{
                 flex: 2;  
                 height: 100%;
                 text-align: center;
                 display: flex;
                align-items: center;
                justify-content: center;
                 .Map_btn_c{
                      border: none;
                     height: 45%;
                     width: 55%;  
                     color: whitesmoke; 
                     background: #ADADAD;                 
                     border-radius: 8%;
                     .font-size(17);
                 }    
                }
            }
                
            
            #suggestId{
                flex: 6;
                .px2rem(margin-bottom,20);
                .px2rem(margin-top,20);
                border: 1px solid #CCCCCC;
                .px2rem(height,60);
                border-radius: 5px;
                padding-left: 3%;
             
            }

}